/* 学习目标：props的特殊属性 children  */

import React from 'react';

export default function App() {
  return (
    <div>
      <Child></Child>
    </div>
  );
}

// 函数式组件中，形参就是props对象
// props特点：
// 1. 可以传任意数据类型: jsx、💥函数
// 2. props单项数据流： 只读的

// 👍 推荐解构props
function Child({ fn, title }) {
  return (
    <h2>
      我是子组件
      <button onClick={fn}>点我</button>
      <button
        onClick={() => {
          title = 'hello React';
        }}
      >
        点我修改父传子的数据
      </button>
      {title}
    </h2>
  );
}
